<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>安全中心</title>
		<meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<link rel="stylesheet" href="../css/mui.min.css">
		
		<style type="text/css">
			*{
				margin: 0rem;
				padding: 0rem;
				text-decoration: none;
				list-style: none;
				
			}
			html,body{
				background-color: #fff;
				width: 100%;
				height: 100%;
				 /*font-size:  100rem;*/
				 font-size: calc(100vw / 7.5);
				 font-family: "microsoft yahei";
			}
			
			.wrapper-content{
				box-sizing: border-box;
				width: 100%;
				padding: 0rem 0rem 0rem 0.3rem;
				font-size:0.28rem ;
			}
			.wrapper-content ul{
				display: flex;
				width: 100%;
				height: 1.1rem;
				line-height: 1.1rem;	
			}
			.wrapper-content ul li{
				line-height: inherit;
				height: 100%;
				border-bottom: 0.01rem solid #e0f0f0;
			}
			.wrapper-content ul li:nth-of-type(1){
				flex: 4;
				color: #333;
			}
			.wrapper-content ul li:nth-of-type(2){
				flex: 5.2;
				text-align: right;
				color: #9a9a9a;
				padding-right: 0.25rem;
			}
			
			.wrapper-content ul li:nth-of-type(3){
				flex: 0.8;
				color: #9a9a9a;
			}
			.wrapper-content ul li:nth-of-type(3) img{
				width: 0.2rem;
				height:0.28rem;
				transform: translateY(20%);
			}
			.wrapper-content .back{
				position: absolute;
				bottom: 0.8rem;
				left: 0.64rem;
				width: 6.25rem;
				height: 0.9rem;
				background: #7f9eba;
				color: #fff;
			}
			</style>
		<script src="../js/jquery.min.js"></script>
	</head>

	<body>
		<script>
			$(function(){
				$("#wrapper").load("../header.html")
				
			})
			setTimeout(function(){
				$("#wrapper").find(".con").html("安全中心").end().find(".dot img").css("display","none");
				$(".arrow").on("tap",function(){
				window.location.href = "./index.html";
			})
			},200)
			setTimeout(function(){
				$("#wrapper").find(".con").html("安全中心").end().find(".dot img").css("display","none");
				$(".arrow").on("tap",function(){
				window.location.href = "./index.html";
			})
			},2000)
		</script>
		<div class="wrapper" id="wrapper"></div>
		<!--内容-->
		
		<div class="wrapper-content">
			<ul class="shouji">
				<li>修改手机号码</li>
				<li>修改</li>
				<li>
					<img src="../img/right-arrow.png" alt="">
				</li>
			</ul>
			<ul class="mima">
				<li>设置密码</li>
				<li>设置</li>
				<li>
					<img src="../img/right-arrow.png" alt="">
				</li>
			</ul>
			<ul class="jiaoyi">
				<li>设置交易密码</li>
				<li>设置</li>
				<li>
					<img src="../img/right-arrow.png" alt="">
				</li>
			</ul>
			<button type="button" class="mui-btn back">退出登录</button>
		</div>
				
		
		
	
	
	
		
		<script src="../js/mui.min.js"></script>
		<script src="../js/jquery.min.js" type="text/javascript"></script>
		<script src="../js/layer/layer.js"></script>
		<script>
			$(".shouji").on("tap",function(){
				window.location.href = "xiugaihaoma.html"
			})
			$(".mima").on("tap",function(){
				window.location.href = "xiugaimima.html"
			})
			$(".jiaoyi").on("tap",function(){
				window.location.href = "xiugaijiaoyimima.html"
			})
			
			
		//退出
			$(".back").on("click",function(){
				$.ajax({
					type: "GET",
					url: `${localStorage.top}api/user/logout?TOKEN=${localStorage.token}`,
					success: function(data){
						console.log(data)
						layer.msg(data.msg)
						setTimeout(function(){
						window.location.href = "../te/login/login.html"
						},500)

					}
				})
			})
		</script>
	</body>

</html>